// @ts-ignore
import styled from "styled-components";

const loginStyle=styled.div`
  /* display: flex; */
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  .login-form{
    margin: 20px auto;
    max-width: 80%;
  }
  .hy-form-label{
    display: flex;
  }
  .hy-label-title{
    padding: 3px 10px;
  }
  .login-box{
    position: relative;
    display: flex;
    //right: 0;
    //top: 50%;
    //transform: translateY(-50%);
    //-webkit-backdrop-filter: blur(8px);
    //backdrop-filter: blur(8px);
    //border-radius: 25px;
    //box-shadow:inset 0 0 6px rgba(255, 255, 255, 0.2);
    //margin: 0 auto;
    //max-width: 800px;
    //background-color: rgba(255,255,255,.7);
    //border-radius: 20px;
    //overflow: hidden;
  }
  .login-left-box{
    height: 100vh;
    flex: 2;
    background-image: url('https://bucket-yufei.oss-cn-beijing.aliyuncs.com/sixth-qianfeng/front/bg3.jpg');
    //background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  .login-right-box{
    position: relative;
    height: 100vh;
    flex: 1;
    min-width: 400px;
    overflow: hidden;
  }
  .login-form-box{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -80%);
  }
  h1{
    text-align: center;
    line-height: 50px;
  }
  //短信验证模块
  .code-box{
    display: flex;
    justify-content: center;
  }
  //发送验证码按钮样式
  .sms-btn{
    height: 40px;
    
  }
  /** 注意这里我们使用了antd提供的类名并进行修改
      也只有这种方式，才能将password输入框背景的样式去掉
      
   */
  .ant-input{
    background: #FFFFFF!important;
  }
  .antd-btn{
    margin: 0 10px;
    height: 45px;
  }
`;
export default loginStyle;

